import React, { Component } from 'react'
import { dragFn } from '../../../high'


class Div extends Component {
    render() {
        return (
            <div className = "odiv-box">
                我是盒子
            </div>
        )
    }
}

Div = dragFn(Div)

export default Div


// export default class Div extends Component {
//     state = {
//         top: 50,
//         left: 50
//     }
//     // 鼠标移动
//     onMouseMove = (ev) => {
//         this.setState({
//             top: ev.clientY,
//             left:  ev.clientX
//         })
//     }

//     onMouseDown = () => {
//         document.addEventListener('mousemove', this.onMouseMove)

//         document.addEventListener('mouseup', () => {
//             document.removeEventListener('mousemove', this.onMouseMove)
//         })
//     }
//     render() {
//         const { top, left } = this.state
//         return (
//             <div style = {{
//                 top,
//                 left
//             }} onMouseDown = {() => {
//                 this.onMouseDown()
//             }} className = "odiv-box">
//                 我是盒子
//             </div>
//         )
//     }
// }
